BAB 11

MENAMBAHKAN SLIDE SHOW

Salah satu ciri web portal adalah adanya beberapa iklan (banner) yang
tampil secara diam maupun bergerak. Iklan yang bergerak dapat berupa
dokumen Flash maupun gambar datar (image flate) yang bergerak secara
horizontal atau vertical dengan cara menambahkan script di dalamnya.

Untuk membuat efek tersebut memerlukan pengetahuan bahasa

pemrograman web tingkat mahir, hal ini menjadi kendala bagi seorang
pengembang web pemula. Untuk mengatasi masalah tersebut, Joomla!
yang didukung oleh para pengembang pihak ketiga menyediakan sebuah
module yang dapat menampilkan gambar dengan efek transisi
(scroll,linier, dll). Dan ketika gambar tersebut tersentuh oleh mouse maka
akan menuju ke sebuah halaman website tertentu.

11.1 Mengenal Extensions Slide Show

Jumlah ekstensi (extensions) Slide Show yang berkembang saat ini cukup
banyak, ada yang gratis dan ada pula yang berbayar. Tampilan yang
dihasilkan juga bermacam-macam, tergantung pengembangnya.
Umumnya, module jenis ini mengedepankan efek transisi, kecepatan

193
transisi, warna background, dan luas area slide di halaman utama. Selain
efek slide show, ada pula module yang dapat menampilkan gambar secara
acak (rotate).

Ada pula jenis slide show khusus untuk header, ini biasanya digunakan
untuk mengganti gambar header agar nampak lebih interaktif dan menarik
dengan menampilkan beberapa gambar yang tampil secara bergantian,
dilengkapi efek transisi yang halus. Pada bab lain dalam buku ini akan
dibahas tentang image header rotator untuk mengubah gambar header
yang statis menjadi dinamis.

Gambar 11.1 Contoh tampilan slide show

11.2 Menginstal Horizontal Slide Show

Proses instalasi Horizontal Slide Show sangat mudah, sama halnya
menginstal Extensions lain.

1. Pertama, pilih menu Extensions > Install/Uninstall.

Gambar 11.2 Menu untuk instalasi Slide Show

194
2. Klik tombol Browse untuk menentukan file yang akan diupload.

Gambar 11.3 Tombol Browse untuk menetukan lokasi file

3. Pilih Module mod_slideshow.zip, lalu klik tombol Open.

Gambar 11.4 Memilih file yang akan diupload

4. Klik tombol Upload File & Install.

Gambar 11.5 Mulai proses upload file dan instalasi

195
5. Tunggu beberapa saat hingga proses instalasi selesai. Jika berhasil
akan muncul informasi bahwa proses instalasi telah berhasil.

Gambar 11.6 Proses instalasi module sudah berhasil

11.3 Mengatur Parameter

Sebelum mengatur paramater, sebaiknya menyiapkan terlebih dulu
gambar (images) yang akan ditampilkan di halaman web kemudian
memasukkannya ke dalam folder yang telah ditentukan dalam parameter.

Tinggi (height) dan lebar (width) gambar diusakahan seragam agar

tampilan lebih rapi. Untuk membuat tampilan gambar agar nampak
seragam, dapat memanfaatkan software Adobe Photoshop maupun
aplikasi pengolah gambar lainnya. Yang penting terdapat fasilitas untuk
memotong (crop) gambar sesuai ukuran yang diinginkan.

Lebar dan tinggi gambar perlu diperhatikan juga karena berpengarih pada
ukuran blok module yang tampil di halaman utama. Berikut ini contoh
beberapa gambar yang akan digunakan untuk slide show.

196
Gambar 11.7 Beberapa gambar yang akan digunakan untuk slide show

1. Diasumsikan, semua gambar telah dipersiapkan. Apabila mengikuti

petunjuk buku ini, dapat memanfaatkan gambar yang disertakan
dalam CD buku ini. Sebelum mengatur parameter, terlebih dulu harus
mengupload gambar-gambar yang akan digunakan untuk slide show.
Pilih menu Site > Media Manager (lihat Gambar 11.8).

2. Setelah berada di halaman Media Manager, masuk ke folder images

kemudian buatlah folder baru, misal: slideshow (lihat Gambar 11.9).

3. Selanjutnya, upload semua file gambar ke dalam folder slideshow,

pilih tombol Browse (lihat Gambar 11.10).

197